<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>主页</title>
	<link rel="stylesheet" type="text/css" href="js/bootstrap-3.3.7/css/bootstrap.min.css"/>
	<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<style type="text/css">
		body{
			padding: 0;
			margin: 0;
			font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
			color: #666;
		}
		table th{
			background-color: #eee;
		}
		/*主要内容*/
		.message .author{
			padding: 5px 10px 0;
		}
		.message .author>ul{
			list-style: none;
			font-size: 12px;
			padding: 0;
			margin: 0;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="col-md-3 col-sm-4" style="border-right: 1px dashed #ccc;">
			<div class="panel-group" id="accordion">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">
								<a href="#collapseOne" data-toggle="collapse" data-parent="#accordion">个人中心</a>
								</h4>
					</div>
					<div id="collapseOne" class="panel-collapse collapse in">
						<div class="list-group">
						    <a class="list-group-item" href="my-index.html">我的资料</li>
						    <a class="list-group-item active" href="my-message.html">消息中心</a>
						    <a class="list-group-item" href="my-parents.html">家长管理</a>
						    <a class="list-group-item" href="my-address.html">地址管理</a>
						    <a class="list-group-item" href="my-score.html">我的成绩</a>
						    <a class="list-group-item" href="my-score.html">日常行为</a>
						    <a class="list-group-item" href="my-downs.html">资料下载</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="message col-md-9 col-sm-8">
			<table class="table table-bordered table-responsive">
				<tr>
					<th>序号</th>
					<th>标题</th>
					<th>发件人</th>
					<!--<th>操作</th>-->
				</tr>
				<tr>
					<td>9999</td>
					<td>[提问]你吃饭了吗?你吃饭了吗?你吃饭了吗?你吃饭了吗?你吃饭了吗?你吃饭了吗?</td>
					<td class="author">
						<ul>
							<li>霍德明</li>
							<li>2019-11-24</li>
						</ul>
					</td>
					<!--<td>
						<button class="edit" title="查看"><span class="glyphicon glyphicon-folder-open"></span></button>
						<button class="del" title="删除"><span class="glyphicon glyphicon-remove"></span></button>
					</td>-->
				</tr>
								<tr>
					<td>9999</td>
					<td>[提问]你吃饭了吗?你吃饭了吗?你吃饭了吗?你吃饭了吗?你吃饭了吗?你吃饭了吗?</td>
					<td class="author">
						<ul>
							<li>霍德明</li>
							<li>2019-11-24</li>
						</ul>
					</td>
					<!--<td>
						<button class="edit" title="查看"><span class="glyphicon glyphicon-folder-open"></span></button>
						<button class="del" title="删除"><span class="glyphicon glyphicon-remove"></span></button>
					</td>-->
				</tr>
			</table>
			<!--每一个section就是一条留言-->
			<!--<section class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title"><span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;留言标题</h4>
				</div>
				<div class="panel-body">
					<div class="col-md-2 col-sm-4">
						<div class="thumbnail">
							<img class="hidden-xs" src="img/faces/001.jpg" alt="" />
							<div><span class="glyphicon glyphicon-user"></span> admin</div>
						</div>
					</div>
					<div class="col-md-10 col-sm-8">
						<p style="text-indent: 2em;">欲练神功，引刀自宫；炼丹服药，内外齐通。今练气之道，不外存想导引，渺渺太虚，天地分清浊而生人，人之练气，不外练虚灵而涤荡昏浊，气者命之主，形者体之用。天地可逆转，人亦有男女互化之道，此中之道，切切不可轻传。修炼此功，当先养心，令心不起杂念，超然于物外方可，若心存杂念，不但无功，反而有性命之忧。</p>
					</div>
				</div>
				<div class="panel-footer" style="overflow: hidden;">
					<div><span class="glyphicon glyphicon-time"></span> 2019-11-12 12:05:10</div>
					<div><span class="glyphicon glyphicon-globe"></span> 127.0.0.1</div>
					<div class="blog-edit" style="float: right;background-color: initial;">
						<button class="edit"><span class="glyphicon glyphicon-edit"></span></button>
						<button class="del"><span class="glyphicon glyphicon-remove"></span></button>
					</div>
				</div>
			</section>-->
			<form id="new_blog_form" class="form-horizontal" action="#" method="post">
				<div class="form-group">
					<label class="col-md-2 text-right" for="title">留言标题</label>
					<div class="col-md-10">
						<div class="input-group">
							<div class="input-group-addon">
								TO:
								<select name="">
									<option value="">班主任</option>
									<option value="">教员</option>
									<option value="">张三</option>
									<option value="">李四</option>
								</select>
							</div>
							<input class="form-control" type="text" placeholder="请输入留言标题" name="msg_title" value="" />
							<div class="input-group-addon">
								类型:
								<select name="">
									<option value="">留言</option>
									<option value="">提问</option>
									<option value="">投诉</option>
									<option value="">建议</option>
								</select>
							</div>
						</div>
					</div>
				</div>
				
				<div class="form-group">	
					<label class="col-md-2 text-right" for="content">留言内容</label>
					<div class="col-md-10">
						<textarea class="form-control" name="blog_content" id="blog_content" rows="3" placeholder="请输入详细消息内容"></textarea>
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2" for="content"></label>
					<div class="col-md-10">
						<div class="col-xs-4">
							<input class="form-control btn-warning" type="reset" name="" id="" value="重置" />
						</div>
						<div class="col-xs-8">
							<input id="new_blog_bt" class="form-control btn-success" type="button" name="" id="" value="提交" />
						</div>
					</div>
				</div>
			</form>
			<!--分页-->
			<div class="text-center">
				<ul class="pagination">
					<li><a href="">首页</a></li>
					<li><a href=""><span class="glyphicon glyphicon-chevron-left"></span></a></li>
					<li class="active"><a href="">1</a></li>
					<li><a href="">2</a></li>
					<li><a href="">3</a></li>
					<li><a href=""><span class="glyphicon glyphicon-chevron-right"></span></a></li>
					<li><a href="">最后一页</a></li>
				</ul>	
			</div>
		</div>
	</div>
		
	
</body>
<script src="js/bootstrap-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

</html>